<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>404</title>
    <style>
        body,html{
            width: 100%;
            height:100%;
        }
        #warp{
            width:100%;
        }
        #main{
            width: 60%;
            margin:7% auto;
            text-align: center;
            
        }
        #main div{
            width: 100%;
            margin-top:30px;
        }
       .fourHeard{
           width:60%;
       }
       .fourContent{
        width:100%;
       }
       .fourFooter{
           width: 95%;
       }
       .fourBtn a{
           display: inline-block;
           width:20%;
           height:40px;
          line-height: 40px;
          margin-left: 40px;
           background: #f08200;
           border-radius:5px;
           font-size: 14px;
           color:#fff;
           text-decoration:none;
       }
       .fourBtn a:nth-child(2){
        background: #498e3d;
       }
    </style>
</head>

<body>
    <div id="warp">
        <div id="main">
            <div>
                <img src="../../img/img-JL/404.png" alt=""  class="fourHeard">
            </div>
            <div >
                <img src="../../img/img-JL/sorry.png" alt="" class="fourContent">
            </div>
            <div>
                <img src="../../img/img-JL/wory.png" alt=""  class="fourFooter">
            </div>
            <div class="fourBtn">
                <a href="###">返回上一个页面</a>
                <a href="###">返回首页</a>
            </div>
        </div>
    </div>
</body>

</html>